import React, { useState } from 'react';
import { Modal, Button } from 'antd';
import {
    ShopOutlined,
} from '@ant-design/icons';

export default function StoreModel(props) {
    const handleCancel = () => {
        props.setIsModalVisible(false);
    };
    return (
        <>
            <Modal title="商铺详情"
                visible={props.isModalVisible}
                onCancel={handleCancel}
                footer={null}  //不显示底部按钮
            >

                <p><ShopOutlined /> 商铺名称：{props.storeDetail.shopName}</p>
                <p><ShopOutlined /> 商铺账号：{props.storeDetail.account}</p>
                <p><ShopOutlined /> 商铺地址：{props.storeDetail.address}</p>
                <p><ShopOutlined /> 手机号码：{props.storeDetail.telephone}</p>
                <p><ShopOutlined /> 营业执照：{props.storeDetail.licence}</p>
                <p><ShopOutlined /> 商铺金额：{props.storeDetail.money}</p>
                <p><ShopOutlined /> 店长姓名：{props.storeDetail.managerName}</p>
                <p><ShopOutlined /> 身份证号：{props.storeDetail.idcard}</p>
                <p><ShopOutlined /> 营业时间：{props.storeDetail.startTime}~{props.storeDetail.endTime}</p>

            </Modal>
        </>
    )
}

